<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack输出文件名Hash</h1>
      <p>substitutions</p>
      <p>
        生产模式下,文件名使用Hash,一般我们在部署项目的时候都会启用静态缓存,使用文件名Hash可以解决缓存时间长的问题,一但我们的资源文件发生改变,那我们的文件名称也会发生改变,对客户端来说全新的文件就是全新的请求,那就解决了缓存问题,就可以将缓存时间设置很长
      </p>
      <p>
        output属性的filename和其他属性的filename都支持使用占位符的方式为文件名设置名称和Hash
      </p>
      <p>第一个占位符name是名称,第二个占位符是Haah</p>
      <p>
        [name]-[hsah :
        8]=这个Hash是项目级别的就是项目中有任意一个文件发生改变,那么全部文件名称都会改变
      </p>
      <p>
        [name]-[chunkhash :
        8]=这个Hash是修改文件,相对应的js和css文件名称都会改变,同一个chunk都会改变
      </p>
      <p>
        [name]-[contenthash : 8]=这个Hash是文件级别的hash,是根据输出内容改变的
      </p>
      <p>chunkhash是最适合解决缓存问题的</p>
      <p>同时还可以指定hash的长度例如上面的例子</p>
    </div>
    <script></script>
  </body>
</html>
